<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>crazyFootball</title>
    <link rel="icon" href="assets/favicon.ico">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="popup-container" id="popup">
        <div class="popup">
            <h1>Welcome to xBall</h1>
            <h4>- the multiplayer version -</h4>
            <h3>Objective?</h3>
            <p>Click the play button and you'll see! :D</p>

            <h3>How to play?</h3>
            <p>Move with <span class="pink">LEFT, DOWN, RIGHT, UP</span> keys and kick the ball with the <span class="pink">space</span> key.</p>
            <p>To kick the ball, press the special kick button when you are near it.</p>
            <p>First to 5! Then the game is reset.</p>
            <br />
            <p>Enter your name bellow and Have fun!</p>
            <input type="text" id="name" placeholder="Name" autocomplete="off">
            <input type="button" id="login" value="Play">
            <small>No one online to play with? Ask a friend to join you!</small>
        </div>
    </div>

    <script src="libs/p5.min.js"></script>
    <script src="libs/socket.io.min.js"></script>
    <script src="js/main.js"></script>
<!--    <script>-->
<!--        // 如果服务端不在本机，请把127.0.0.1改成服务端ip-->
<!--        var socket = io('http://127.0.0.1:8081');-->
<!--        // 当连接服务端成功时触发connect默认事件-->
<!--        socket.on('connect', function(){-->
<!--            console.log('connect success');-->
<!--        });-->
<!--        socket.on('connectNewUser', function(newUser) {-->
<!--            user = newUser;-->
<!--            console.log(newUser);-->
<!--        });-->
<!--    </script>-->
</body>

</html>
